<template>
  <div class="search-suggest-wrap">
    <div class="search-key border-bottom">搜索“{{ keyword }}”</div>
    <SearchItem
      l-icon="ser"
      :title="sug.keyword"
      @click="$emit('search', sug.keyword)"
      v-for="sug in suggestList"
      :key="sug.keyword"
    />
  </div>
</template>
<script>
import { defineComponent } from "vue";
import SearchItem from "./SearchItem";
export default defineComponent({
  props: {
    suggestList: {
      type: Array,
    },
    keyword: String,
  },
  components: {
    SearchItem,
  },
});
</script>
<style lang="scss" scoped>
.search-suggest-wrap {
  height: 100px;
  margin-left: 20px;
  padding-right: 20px;
  font-size: 30px;
  line-height: 100px;
  color: #507daf;
}
</style>
